<!DOCTYPE HTML>
<html>
  <head>
    <title>Gallery</title>
        <link type = "image/x-icon" rel="SHORTCUT ICON" href="img/favicon.ico" />	
        <script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script>     
		<link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/grid-12.css" />
		<link rel="stylesheet" type="text/css" href="folio-gallery.css" />
		<script type="text/javascript" src="colorbox/jquery.colorbox-min.js"></script>
		<link rel="stylesheet" type="text/css" href="colorbox/colorbox.css" />

        <script type="text/javascript">
$(document).ready(function() {	
	
	// colorbox settings
	$(".albumpix").colorbox({rel:'albumpix'});
	
	// fancy box settings
	/*
	$("a.albumpix").fancybox({
		'autoScale	'		: true, 
		'hideOnOverlayClick': true,
		'hideOnContentClick': true
	});
	*/
});
</script>
  </head>
  <body>
    <div id="container" class="container_12">
    
    <?php
    include("inc/db.class.php");
		require("php/header.php");
		include("inc/functions.php");
		?>
      <div id="line" class="grid_12"></div>
			<div id="" class="grid_12">
				<h3>Gallery</h3>


<div class="gallery">  
  <?php include "folio-gallery.php"; ?>
</div>   
			</div>
						
			<?php require("php/footer.php"); ?>
    </div>
  </body>
</html>
